<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>阴恒铂境</title>
		<style type="text/css">
			*{
				margin: 0;
				padding: 0;
			}
			.bigbox{
				width: 100%;
			}
			.topbox{
				width: 1020px;
				height: 100px;
				margin: 0 auto;
			}
			.top-left{
				float: left;
				margin-top:20px ;
			}
			.top-right{
				float: right;
			}
			.top-right-top {
				height: 50px;
				float: right;
				margin-top: 10px;
			}
			.top-right-top span{
				font-size: 20px;
				
			}.top-right-top span em{
				color: orangered;
			}
			.top-right-bottom{
					margin-top: 15px;
					text-align: center;
			}
			.top-right-bottom ul{
				list-style: none;
			}
			.top-right-bottom >ul >li{
				float: left;
				width: 90px;
				border-left: 1px  solid #999;
			}
			.top-right-bottom >ul>li:first-child{
				border-left: none;
			}
			.clerc{
				clear: both;
			}
			.top-right-bottom ul a{
				display: block;
				font-size: 14px;
				text-decoration: none;
				color: #333;
			}
			.top-right-bottom ul>li>ul{
				background-color:#f5f5f5;
				display: none;
				width: 90px;
				position: absolute;
			}
			.top-right-bottom ul>li>ul>li>a{
				font-size: 12px;
				height: 25px;
				line-height: 25px;
			}
			.top-right-bottom >ul>li a:hover{
				color: cornflowerblue;
			}
			.top-right-bottom >ul>li:hover ul{
				display: block;
			}
			.top-right-bottom ul>li>ul>li>a:hover{
				background-color: #aaa;
			}
			.bannerbox{
				height: 376px;
				background: url(img/banner.jpg) center;
			}
			.banner-top{
				width: 1020px;
				height: 50px;
				margin: 10px auto;
				background-color: #666;
			}
			.banner-top ul{
				list-style: none;
			}
			.banner-top ul li{
				float: left;
				width: 203px;
				height: 50px;
				text-align: center;
				line-height: 50px;
				border-left: 1px solid black;
			}
			.banner-top ul li a{
				text-decoration: none;
				color: white;
				font-size: 14px;
			}
			.banner-top ul li:hover{
				background-color: cornflowerblue;
			}
			.banner-bott{
				height: 150px;
				border-bottom:  1px solid #AAAAAA;
				background-color: #F5F5F5;
			}
			.banner-bottom{
				width: 1020px;
				height: 150px;
				margin: 0 auto;
			}
			.banner-bottom-zi{
				width: 200px;
				height: 100px;
				text-align: center;
				margin: 20px 0;
				float: left;
				border-left:1px solid #AAA;
			}
			.banner-bottom-zi:first-child{
				border-left:none ;
			}
			.banner-bottom-zi h3{
				font-size: 22px;
				padding: 20px 0;
				color: #666666;
			}
			.banner-bottom-zi p{

				font-size: 14px;
				padding: 0 20px;
				color: #aaa;
			}
			.content-top{
				width: 1020px;
				height: 100px;
				margin: 0 auto;
			}
			.content-top h2{
				font-size: 26px;
				color: #222;
				margin: 30px 10px;
				float: left;
			}
			.content-top h2 em{
				color: #777;
				padding-left: 20px;
			}
			.content-top a{
				text-decoration: none;
				display: inline-block;
				width: 50px;
				height: 100px;
				float: right;
				line-height: 100px;
				font-size: 18px;
			}
			.content-top a:hover{
				text-decoration:underline;
			}
			.content-cont{
				width: 1020px;
				height: 680px;
				margin: 0 auto;
			}
			.content-cont-cott{
				width: 1020px;
				height: 221px;
			}
			.content-cont-cott-cotton{
				width: 331px;
				height:221px;
				background: url(img/111/shopex.jpg);
				float: left;
				margin: 3px 3px;
			}
			.content-cont-cott-cottoott{
				background-color: #222222;
				text-align: center;
				/*height: 0;*/
				/*transition: height 2s;*/
				display: none;
				opacity: 0.8;
			}
			.content-cont-cott-cottoott h3{
				color: white;
				padding-top: 30px;
				font-size: 28px;
				}
			.content-cont-cott-cottoott p{
					font-size: 14px;
					color: #AAAAAA;
					margin: 10px 30px;
				}
			.content-cont-cott-cottoott a{
				text-decoration: none;
				display: block;
				font-size: 12px;
				width: 80px;
				height: 20px;
				color: white;
				background-color: cornflowerblue;
				border-radius: 10%;
				margin: 0 auto;
			}
			#a1{
				background: url(img/111/feizi.jpg);
			}
			#a2{
				background: url(img/111/heisenlin.jpg);
			}
			#a3{
				background: url(img/111/lietou.jpg);
			}
			#a4{
				background: url(img/111/hip.jpg);
			}
			#a5{
				background: url(img/111/vanke.jpg);
			}
			#a6{
				background: url(img/111/scg.jpg);
			}
			#a7{
				background: url(img/111/lifang.jpg);
			}
			#a8{
				background: url(img/111/shidanli.jpg);
			}
			.content-cont-cott-cotton:hover .content-cont-cott-cottoott{
				/*height: 221px;*/
				display: block;
			}
			.bottombox{
				height: 400px;
				background-color: #F5F5F5;
			}
			.bottom-connt{
				width: 1020px;
				height: 220px;
				margin: 0 auto;
			}
			.hui{
				width: 142px;
				height: 110px;
				float: left;
				border: 1px solid gainsboro;
				border-left:none ;
			}
			.liang{
				background-color: orange;
				display: none;
			}
			#b1{background: url(img/shangde_gray.png);}
			#b2{background: url(img/bijiasuo_gray.png);}
			#b3{background: url(img/dazu_gray.png);}
			#b4{background: url(img/gangxin_gray.png);}
			#b5{background: url(img/hanmierdun_gray.png);}
			#b6{background: url(img/jiaoda_gray.png);}
			#b7{background: url(img/jiashi_gray.png);}
			#b8{background: url(img/jinkaili_gray.png);}
			#b9{background: url(img/jiujiuyi_gray.png);}
			#b10{background: url(img/tongjidaxue_gray.png);}
			#b11{background: url(img/shidanli_gray.png);}
			#b12{background: url(img/zhongtie_gray.png);}
			#b13{background: url(img/tongling_gray.png);}
			#b14{background: url(img/zhongyiguoxing_gray.png);}
			.hui:hover .liang{
				display: block;
			}
			.bottom-connt-cott{
				width: 1020px;
				margin:  30px auto;
				text-align: center;
			}
			.bottom-connt-cott a{
				text-decoration: none;
				display: inline-block;
				width: 120px;
				height: 26px;
				margin: 5px 20px;
				font-size: 14px;
				color: white;
				border-radius:13px ;
				background-color: #666666;
			}
			.bottom-connt-cott a:hover{
				text-decoration: underline;
			}
			.bottom-connt-cott a:first-child{
				background-color: orange;
			}
			.zixunbox{
				width: 1020px;
				height: 610px;
				margin: 0 auto;
			}
			
			.zixunbox-left{
				width: 620px;
				float: left;
			}
			.zixunbox-left-top{
				border-bottom: 1px solid #777777;
				
			}
			.zixunbox-right{
				width: 380px;
				float: right;
			}
			.zixunbox-left-top span{
				color: gray;
				font-size: 14px
			}
			.zixunbox-left-top a{
				text-decoration: none;
				color:gray;
			}
			.zixunbox-left-top a:hover{
				text-decoration: underline;
				color: blue;
			}
			.domo{
				height: 120px;
				border-bottom: 1px solid #999999;
			}
			.domo a{
				text-decoration: none;
				color: #222222;
			}
			.domo a:hover{
				color: blue;
				text-decoration: underline;
			}
			.domo span{
				color:gray;
				font-size: 14px;
			}
			.domo p{
				color: #aaa;
				font-size: 12px;
				padding: 5px 20px;
			}
			.domo1{
				float: left;
				}
			.domo1 a{
				display: block;
				width: 110px;
				height: 73px;
				margin: 20px 0;
				border:  1px solid gainsboro;
			}
			
			.domo2{
				width: 500px;
				float: right;
				padding: 10px 0;
			}
			.domo3{
				height: 25px;
				width: 360px;
				text-align: center;
				margin: 20px;
			}
			.domo3 img{
				display: inline-block;
				margin: -5px;
			}
			.zixunbox-right .domo3 a{
				text-decoration: none;
				color: white;
				display: inline-block;
				width: 100px;
				height: 20px;
				background-color: orange;
				margin-right: 30px;
			}
			.zixunbox-right p{
				margin: 10px 10px;
			}
			.domo4{
				width: 340px;
				height: 300px;
				background-color: #F5F5F5;
				text-align: center;
				margin-top: 20px;
			}
			.domo4 span{
				display: block;
				margin: 10px;
				font-size: 14px;
			}
			.domo4 input{
				width: 160px;
				height: 25px;
			}
			.domo4 button{
				width: 100px;
				height: 30px;
				background-color: #666666;
			}
			.domo4 a{
				text-decoration: none;
				background-color:;
				color: #000000;
			}
			#span{
				display: inline-block;
				width: 50px;
				height: 27px;
				background-color: white;
				margin: 0;
		}
			.foot-top{
				width: 100%;
				height: 50px;
				background-color: #000000;
				border-bottom: 1px solid #808080;
			}
			.foot-top p{
				width: 1020px;
				height: 50px;
				margin: 0 auto;
				font-size: 14px;
				color: #999999;
				line-height: 50px;
			}
			.foot-xia{
				width: 100%;
				height: 260px;
				background-color: #222;
			}
			.foot-xia dl{
				float: left;
				margin: 20px 20px;
			}
			.foot-xia dl dt{
				font-size: 14px;
			}
			.foot-xia dl dd{
				padding: 5px 0;
				font-size: 12px;
			}
			.fott-foot{
				width: 1020px;
				margin: 0 auto;
			}
			.foot-xia a{
				text-decoration: none;
				color: #AAAAAA;
			}
			.foot-xia a:hover{
				color: orange;
				text-decoration: underline;
			}
			.dod{
				width: 1020px;
				height: 160px;
				margin: 0 auto;
			}
			.dod span{
				font-size: 12px;
			}
			.dod a{
				text-decoration: none;
				color: #999999;
			}
			.dod b a{
				font-size: 12px;
				color: #000000;
			}
			.dod a:hover{
				color: blue;
				text-decoration: underline;
			}
		</style>
	</head>
	<body>
		<div class="bigbox">
	<!--头部开始-->
			<div class="topbox">
				<div class="top-left">
					<a href="#"><img src="img/logo.jpg"/></a>
				</div>
				<div class="top-right">
					<div class="top-right-top">
						<img src="img/icon_tel.jpg"/>
						<span>
							400&nbsp;997<em>5855</em>
						</span>
					</div>
					<div class="clerc"></div>
					<div class="top-right-bottom">
						<ul>
							<li><a href="#">关于我们</a>
								<ul>
									<li><a href="#">我们是谁</a></li>
									<li><a href="#">核心优势</a></li>
									<li><a href="#">团队文化</a></li>
									<li><a href="#">成长历程</a></li>
									<li><a href="#">合作伙伴</a></li>
									<li><a href="#">加入我们</a></li>
								</ul>
							</li>
							<li><a href="#">作品与客户</a>
								<ul>
									<li><a href="#">作品案例</a></li>
									<li><a href="#">知名客户</a></li>
									<li><a href="#">客户评价</a></li>
								</ul>
							</li>
							<li><a href="#">解决方案</a>
								<ul>
									<li><a href="#">品牌性网站</a></li>
									<li><a href="#">营销型网站</a></li>
									<li><a href="#">展示型网站</a></li>
									<li><a href="#">电商类网站</a></li>
									<li><a href="#">手机微网站</a></li>
								</ul>
							</li>
							<li><a href="#">怎样合作</a>
								<ul>
									<li><a href="#">我们的原则</a></li>
									<li><a href="#">费用估算</a></li>
									<li><a href="#">合作流程</a></li>
								</ul>
							</li>
							<li><a href="#">客户服务</a>
								<ul>
									<li><a href="#">建站知识</a></li>
									<li><a href="#">网站观点</a></li>
									<li><a href="#">项目动态</a></li>
									<li><a href="#">常见问题</a></li>
									<li><a href="#">文档下载</a></li>
								</ul>
							</li>
							<li><a href="#">联系我们</a>
								<ul>
									<li><a href="#">联系电话</a></li>
									<li><a href="#">法律声明</a></li>
									<li><a href="#">网站地图</a></li>
								</ul>
							</li>
						</ul>
				</div>
				</div>
			</div>
	<!--头部结束-->
	<!--banner开始-->
			
			<div class="bannerbox">
				<div class="banner-top">
					<ul>
						<li><a href="#">品牌型网站</a></li>
						<li><a href="#">展示型网站</a></li>
						<li><a href="#">营销型网站</a></li>
						<li><a href="#">手机微网站</a></li>
						<li><a href="#">推广与营销</a></li>
					</ul>
				</div>
			</div>
			<div class="banner-bott">
				<div class="banner-bottom">
					<div class="banner-bottom-zi">
						<h3>多年专注</h3>
						<p>创始至今，我们只专注网站建设与网络营销。</p>
					</div>
					<div class="banner-bottom-zi">
						<h3>品牌引航</h3>
						<p>上千家公司网站设计制作选择引航，那是一种信任。。</p>
					</div>
					<div class="banner-bottom-zi">
						<h3>丰富经验</h3>
						<p>多年砥砺，专业团队；严谨流程，丰富经验。</p>
					</div>
					<div class="banner-bottom-zi">
						<h3>专业品质</h3>
						<p>我们苛求网站制作品质，哪怕是一个像素的差距！</p>
					</div>
					<div class="banner-bottom-zi">
						<h3>注重营销</h3>
						<p>网站好看更要实用，面向用户才能助力营销。</p>
					</div>
				</div>
			</div>
			
	<!--banner结束-->
	<!--content开始-->
	
			<div class="contentbox">
				<div class="content-top">
					<h2>作品<em>CASES</em></h2>
					<a href="#">MORE+</a>
				</div>
				<div class="content-cont">
					<div class="content-cont-cott">
						<div class="content-cont-cott-cotton">
						<div class="content-cont-cott-cottoott">
							<h3>商派</h3>
							<p>商派（Shopex），是中国领先的电子商务服务和技术供应商。商派始终秉承“让互联网商业无处不在”的理念，以专业的配套服务、领先的技术实力...</p>
							<p>------------------------------------</p>
							<a href="#">查看详情</a>
						</div>
					</div>
					<div class="content-cont-cott-cotton" id="a1">
						<div class="content-cont-cott-cottoott">
							<h3>菲姿</h3>
							<p>菲姿时尚集团创立于1992年，先后自主创立，两大国内知名女装品牌：FEIZI、LANAFAY，自主创新研发设计中心、高效运营服务体系的时尚服装公司。</p>
							<p>------------------------------------</p>
							<a href="#">查看详情</a>
						</div>
					</div>
					<div class="content-cont-cott-cotton" id="a2">
						<div class="content-cont-cott-cottoott">
							<h3>中鹰置业</h3>
							<p>中鹰置业通过“中鹰•黑森林”住宅项目的打造，确立了其在上海、长三角乃至全国节能环保科技住宅技术、工艺和产品集成者住宅建设方案的提供商翘楚地位。</p>
							<p>------------------------------------</p>
							<a href="#">查看详情</a>
						</div>
					</div>
					</div>
					<div class="content-cont-cott">
						<div class="content-cont-cott-cotton" id="a3">
						<div class="content-cont-cott-cottoott">
							<h3>猎上网</h3>
							<p>HunterOn是全新的网络招聘平台，已有近千家企业通过猎上网平台，甄选并管理猎头服务供应商，并快捷高效地找到了他们所需要的人才。</p>
							<p>------------------------------------</p>
							<a href="#">查看详情</a>
						</div>
					</div>
					<div class="content-cont-cott-cotton" id="a4">
						<div class="content-cont-cott-cottoott">
							<h3>赫比国际</h3>
							<p>公司成立于1980年，以嵌件成型、金属成型工具制造商为基础，奠定其工业技术基石，领先的电子制造商，于2003年在新加坡证券交易所上市。</p>
							<p>------------------------------------</p>
							<a href="#">查看详情</a>
						</div>
					</div>
					<div class="content-cont-cott-cotton" id="a5">
						<div class="content-cont-cott-cottoott">
							<h3>万科</h3>
							<p>万科企业股份有限公司，证券简称：万科A、证券代码：000002，证券曾用简称：深万科A、G万科A。公司总股本1099521.02万股（2008年2季度）</p>
							<p>------------------------------------</p>
							<a href="#">查看详情</a>
						</div>
					</div>
					</div>
					<div class="content-cont-cott">
						<div class="content-cont-cott-cotton" id="a6">
						<div class="content-cont-cott-cottoott">
							<h3>上海二建</h3>
							<p>上海市第二建筑有限公司创始于1954年，是上海建工股份有限公司全资子公司。公司是一家具有房屋建筑工程施工总承包特级资质，市政公用工程施工总承包一级资质。</p>
							<p>------------------------------------</p>
							<a href="#">查看详情</a>
						</div>
					</div>
					<div class="content-cont-cott-cotton" id="a7">
						<div class="content-cont-cott-cottoott">
							<h3>力方国际</h3>
							<p>力方国际， 2001年创建于深圳，作为一家以高科技产业为依托，以新媒体数字展馆，数字视觉技术整体解决方案为核心，依托文化产业为背景的综合服务型国际化企业。</p>
							<p>------------------------------------</p>
							<a href="#">查看详情</a>
						</div>
					</div>
					<div class="content-cont-cott-cotton" id="a8">
						<div class="content-cont-cott-cottoott">
							<h3>史丹利</h3>
							<p>美国史丹利是一家具有160多年历史的世界著名的工具产品制造商，旗下拥有多个一线工具品牌，奠定了其在世界工具领域不可动摇的领导地位。</p>
							<p>------------------------------------</p>
							<a href="#">查看详情</a>
						</div>
					</div>
					</div>
				</div>
			</div>
			
		
	<!--content结束-->
	<!--bootom开始-->
	<div class="bottombox">
		<div class="content-top">
					<h2>客户<em>CLIENT</em></h2>
		</div>
		<div class="bottom-connt">
		<div class="bottom-connt-top">
			<div class="hui" id="b1">
				<!--<img src="img/shangde_gray.png"/>-->
				<div class="liang">
					<img src="img/shangde_white.png"/>
				</div>
			</div>
			<div class="hui" id="b2">
				<!--<img src="img/bijiasuo_gray.png"/>-->
				<div class="liang">
					<img src="img/bijiasuo_white.png"/>
				</div>
			</div>
			<div class="hui" id="b3">
				<div class="liang">
					<img src="img/dazu_white.png"/>
				</div>
			</div>
			<div class="hui" id="b4">
				<div class="liang">
					<img src="img/gangxin_white.png"/>
				</div>
			</div>
			<div class="hui" id="b5">
				<div class="liang">
					<img src="img/hanmierdun_white.png"/>
				</div>
			</div>
			<div class="hui" id="b6">
				<div class="liang">
					<img src="img/jiaoda_white.png"/>
				</div>
			</div>
			<div class="hui" id="b7">
				<div class="liang">
					<img src="img/jiashi_white.png"/>
				</div>
			</div>
		</div>
		<div class="bottom-connt-top">
			<div class="hui" id="b8">
				
				<div class="liang" >
					<img src="img/jinkaili_white.png"/>
				</div>
			</div>
			<div class="hui" id="b9">
				<div class="liang">
					<img src="img/jiujiuyi_white.png"/>
				</div>
			</div>
			<div class="hui" id="b10">
				<div class="liang">
					<img src="img/tongjidaxue_white.png"/>
				</div>
			</div>
			<div class="hui" id="b11">
				<div class="liang">
					<img src="img/shidanli_white.png"/>
				</div>
			</div>
			<div class="hui" id="b12">
				<div class="liang">
					<img src="img/zhongtie_white.png"/>
				</div>
			</div>
			<div class="hui" id="b13">
				<div class="liang">
					<img src="img/tongling_white.png"/>
				</div>
			</div>
			<div class="hui" id="b14">
				<div class="liang">
					<img src="img/zhongyiguoxing_white.png"/>
				</div>
			</div>
		</div>
		</div>
		<div class="bottom-connt-cott">
			<a href="#">了解更多产品</a>
			<a href="#">查看用户评价</a>
		</div>
	</div>
	<!--bootom结束-->
	<div class="zixunbox">
		<div class="content-top">
					<h2>咨询<em>NEWS</em></h2>
		</div>
		<div class="zixunbox-left">
			<div class="zixunbox-left-top">
				<span>
					网站建设资讯：不得不说公司在不同阶段对网站建设需求并不一样
				</span>
				<span>|
					<a href="#">网站建设</a>
				</span>
				<span>|
					<a href="#">网站设计</a>
				</span>
				<span>|
					<a href="#">网站制作</a>
				</span>
			</div>
			<div class="zixunbox-left-xia">
				<div class="domo">
					<div class="domo1">
						<a href="#"><img src="img/guanghua_index.png"/></a>
					</div>
					<div class="domo2">
						<span>
						<a href="#">鼎诺光华财富管理公司网站设计制作选择引航博景</a>
					</span>
					<span>
						2017/09/01
					</span>
					<p>
						鼎诺光华是一家专业的财富管理公司，总部位于上海，由光大金控投资控股有限公司和鼎信长城投资管理集团有限公司联合成立。鼎诺光华财富管理扎根中国产业金融领域，为高净值个人及机构投资者甄选、配置最有投资价值配置方案。
					</p>
					</div>
					
				</div>
				<div class="domo">
					<div class="domo1">
						<a href="#"><img src="img/zhongwaiqi_index.png"/></a>
					</div>
					<div class="domo2">
						<span>
						<a href="#">中外企人力资源公司网站改版签约引航博景</a>
					</span>
					<span>
						2016/06/02
					</span>
					<p>
						中外企人力资源服务（上海）有限公司被赞誉为中国人力资源专家与领导者，已形成了立足上海、江浙地区、深入全国的战略格局。是一家以人力资源服务为主，辅助企业所需要其他增值服务等业务于一体的综合性服务型公司。
					</p>
					</div>
					
				</div>
				<div class="domo">
					<div class="domo1">
						<a href="#"><img src="img/xuhui_index.png"/></a>
					</div>
					<div class="domo2">
						<span>
						<a href="#">旭辉集团下属永升物业网站设计制作签约引航博景</a>
					</span>
					<span>
						2016/05/20
					</span>
					<p>
						旭辉集团成立于2000年，是一家以内地住宅开发为主营业务的香港上市房地产开发企业。 旭辉总部设在中国上海，集房地产开发、建筑施工、物业管理于一体，具有中国房地产开发企业一级资质。
					</p>
					</div>
					
				</div>
				<div class="domo">
					<div class="domo1">
						<a href="#"><img src="img/huaxi_index.png"/></a>
					</div>
					<div class="domo2">
						<span>
						<a href="#">江苏华西村股份有限公司网站建设签约引航</a>
					</span>
					<span>
						2016/03/10
					</span>
					<p>
						江苏华西村股份有限公司，简称华西股份，是以华西集团公司为主发起人设立的上市公司。经中国证券监督管理委员会证监发行字（1999）81号文批准，公司3500万A股在深圳证券交易所发行。业务涉及创业投资、非证券股权投资、私募股权投资等。
					</p>
					</div>
					
				</div>
			</div>
		</div>
		<div class="zixunbox-right">
			<h3>与我们洽谈</h3>
			<div class="domo3">
				<span>
				<img src="img/111/qq.gif"/>
				<a href="#">在线沟通</a>
			</span>
			<span>
				<img src="img/111/mail.gif"/>
				<a href="#">留言咨询</a>
			</span>
			</div>
			<p>电话：400-997-5855</p>
			<p>邮箱：smile@joyweb.cn</p>
			<p>地址：上海市泰和路2038号北上海创意港D栋2楼</p>
			<div class="domo4">
				<span>你的姓名：<input type="text" /></span>
				<span>你的电话：<input type="text" /></span>
				<span>单位名称：<input type="text" /></span>
				<span>留言内容：<textarea style="width:180px; height: 60px;"></textarea></span>
				<span>验证码：<input type="text" /><span id="span">0286</span></span>
				<span><button><a href="#">提交</a></button></span>
			</div>
		</div>
	</div>
	<div class="content-top">
					<h2>链接<em>LINK</em></h2>
					<a href="#">MORE+</a>
	</div>
	<div class="dod">
		<span><a href="#">北京网站建设</a> |</span>
		<b><a href="#">上海网站建设</a> |</b>
		<span><a href="#">北京网站建设</a> |</span>
		<span><a href="#">北京网站建设</a> |</span>
		<b><a href="#">上海网站建设</a> |</b>
		<span><a href="#">北京网站建设</a> |</span>
		<span><a href="#">北京网站建设</a> |</span>
		<span><a href="#">北京网站建设</a> |</span>
		<span><a href="#">北京网站建设</a> |</span>
		<span><a href="#">北京网站建设</a> |</span>
		<b><a href="#">上海网站建设</a> |</b>
		<span><a href="#">北京网站建设</a> |</span>
		<span><a href="#">北京网站建设</a> |</span>
		<span><a href="#">北京网站建设</a> |</span>
		<b><a href="#">上海网站建设</a> |</b>
		<span><a href="#">北京网站建设</a> |</span>
		<span><a href="#">北京网站建设</a> |</span>
		<b><a href="#">上海网站建设</a> |</b>
		<span><a href="#">北京网站建设</a> |</span>
		<span><a href="#">北京网站建设</a> |</span>
		<span><a href="#">北京网站建设</a> |</span>
		<b><a href="#">上海网站建设</a> |</b>
		<span><a href="#">北京网站建设</a> |</span>
		<span><a href="#">北京网站建设</a> |</span>
		<span><a href="#">北京网站建设</a> |</span>
		<b><a href="#">上海网站建设</a> |</b>
		<span><a href="#">北京网站建设</a> |</span>
		<span><a href="#">北京网站建设</a> |</span>
		<b><a href="#">上海网站建设</a> |</b>
		<span><a href="#">北京网站建设</a> |</span>
		<span><a href="#">北京网站建设</a> |</span>
		<span><a href="#">北京网站建设</a> |</span>
		<span><a href="#">北京网站建设</a> |</span>
		<b><a href="#">上海网站建设</a> |</b>
		<span><a href="#">北京网站建设</a> |</span>
		<span><a href="#">北京网站建设</a> |</span>
		<span><a href="#">北京网站建设</a> |</span>
		<b><a href="#">上海网站建设</a> |</b>
		<span><a href="#">北京网站建设</a> |</span>
		<span><a href="#">北京网站建设</a> |</span>
	</div>
	<div class="footbox">
		 <div class="foot-top">
		 	<p>版权所有 © 2006-2018 上海引航信息技术有限公司　沪ICP备09069965号</p>
		 </div>
		 <div class="foot-xia">
		 	<div class="fott-foot">
		 		<div class="foot-xia-left">
		 			<dl>
		 		<dt><a href="#">关于我们</a></dt>
		 		<dd><a href="#">我们是谁</a></dd>
		 		<dd><a href="#">核心优势</a></dd>
		 		<dd><a href="#">团队文化</a></dd>
		 		<dd><a href="#">成长历程</a></dd>
		 		<dd><a href="#">合作伙伴</a></dd>
		 		<dd><a href="#">加入我们</a></dd>
		 	</dl>
		 	<dl>
		 		<dt><a href="#">作品与客户</a></dt>
		 		<dd><a href="#">作品案例</a></dd>
		 		<dd><a href="#">知名客户</a></dd>
		 		<dd><a href="#">客户评价</a></dd>
		 	</dl>
		 	<dl>
		 		<dt><a href="#">解决方案</a></dt>
		 		<dd><a href="#">品牌型网站</a></dd>
		 		<dd><a href="#">营销型网站</a></dd>
		 		<dd><a href="#">展示型网站</a></dd>
		 		<dd><a href="#">电商类网站</a></dd>
		 		<dd><a href="#">手机微网站</a></dd>
		 	</dl>
		 	<dl>
		 		<dt><a href="#">怎样合作</a></dt>
		 		<dd><a href="#">我们的原则</a></dd>
		 		<dd><a href="#">费用估算</a></dd>
		 		<dd><a href="#">合作流程</a></dd>
		 	</dl>
		 	<dl>
		 		<dt><a href="#">客户服务</a></dt>
		 		<dd><a href="#">建站知识</a></dd>
		 		<dd><a href="#">专业观点</a></dd>
		 		<dd><a href="#">项目动态</a></dd>
		 		<dd><a href="#">常见问题</a></dd>
		 		<dd><a href="#">文档下载</a></dd>
		 	</dl>
		 	<dl>
		 		<dt><a href="#">联系我们</a></dt>
		 		<dd><a href="#">联系方式</a></dd>
		 		<dd><a href="#">法律声明</a></dd>
		 		<dd><a href="#">网站地图</a></dd>
		 	</dl>
		 		</div>
		 		<div class="foot-xia-right">
		 			<img src="img/111/mapb.png"/>
		 		</div>
		 	</div>
		 </div>
	</div>
	</div>
	</body>
</html>
